<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <!--强制文本宽高1-1-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=0"
    />
    <!--强制竖屏-->
    <meta name="x5-orientation" content="portrait">
    <!--iphone safari允许全屏模式浏览-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--safari 顶端的状态条样式-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!--设备忽略将页面中的数字识别为电话号码-->
    <meta content="telephone=no" name="format-detection">
    <!--去除android 邮箱识别-->
    <meta content="email=no" name="format-detection" />
    <!-- <script type="text/javascript" src="../dist/js/lib/zepto.js"></script> -->
    <!-- <script type="text/javascript" src="../dist/js/lib/zepto.touch.js"></script> -->
    <script src="/static/fastclick.js"></script>
    <title>fupin</title>
</head>
<style>
    html,
    body {
        font-size: 12px;
    }


    html,
    body,
    form,
    fieldset,
    p,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        -webkit-text-size-adjust: 100%;
    }

    html,
    body {
        min-height: 100%;
    }

    * {
        -webkit-overflow-scrolling: touch;
    }

    body {

        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

    a {
        text-decoration: none;
    }

    img {
        border: 0px solid #ddd;
        outline: none;
    }

    [v-cloak] {
        display: none;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    li {
        list-style: none;
    }

    .mint-button {
        height: 5rem;
    }

    p {
        margin: 0;
        padding: 0;
    }

    a,
    button,
    input,
    optgroup,
    select,
    textarea,
    div {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    body,
    html {
        margin: 0;
        padding: 0;
        font-family: "Microsoft YaHei", Arial, "Helvetica Neue", Helvetica, sans-serif;
        overflow-x: hidden;
        overflow-y: auto;
        min-width: 320px;
    }

    input,
    textarea {
        -webkit-appearance: none;
        outline: none;
    }

    a,
    img {
        -webkit-touch-callout: none;
    }
</style>

<body>
    <div id="app"></div>
</body>
<script type="text/javascript">
    (function (doc, win) {
        var urlStr = location.href
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        // 防止穿透，并且取消click默认300ms
        if ('addEventListener' in document) {
            document.addEventListener('DOMContentLoaded', function () {
                FastClick.attach(document.body);
            }, false);
        }
    })(document, window);

</script>

</html>